<!DOCTYPE html>
<html lang="en">

<head>

  <title>ZK RESUME</title>

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <link rel="stylesheet" href="assets/plug-in/bootstrap/bootstrap.min.css" type="text/css">
  <link rel="stylesheet" href="assets/common.css">
  <link rel="stylesheet" href="assets/index/css/index.css" type="text/css">
  <link rel="stylesheet" href="assets/index/css/respond.css">
  <link rel="stylesheet" href="assets/plug-in/jquerySectionWrap/css/jquerySectionWrap.css">


</head>

<body>
<div id="sw">
  <ul class="section-wrap section-animate">
    <li class="section section-1">
      <img id="hdimg" class="img-responsive" src="assets/index/img/header.jpg">
      <div id="home" class="container">
        <h1 class="col-md-12">ZHOU KAI</h1>
        <h2 class="col-md-6 col-md-offset-3 col-xs-8 col-xs-offset-2"> - <span>WEB DEVELOPER</span> - </h2>
        <div class="col-xs-12">
          <ul class="row">
            <li class="col-md-3 col-md-offset-0 col-xs-5 col-xs-offset-1"><a href="#"><h4>ABOUT</h4></a></li>
            <li class="col-md-3 col-xs-5 "><a href="#"><h4>SKILLS</h4></a></li>
            <li class="col-md-3 col-md-offset-0 col-xs-5 col-xs-offset-1"><a href="#"><h4>WORKS</h4></a></li>
            <li class="col-md-3 col-xs-5 "><a href="#"><h4>ACHIEVEMENTS</h4></a></li>
          </ul>
        </div>
      </div>
    </li>
    <li class="section section-2">
      <div class="container">
        <div >
          <h1>ABOUT ME</h1>
        </div >
          <div class="col-md-5 col-md-offset-1 col-xs-12">
            <h3>MY STORY</h3>
            <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab alias beatae, consequatur consequuntur, cum dolore eligendi esse facilis illo incidunt ipsa necessitatibus pariatur porro quia repellendus, reprehenderit soluta sunt voluptate.</span><span>Animi consequatur cumque deserunt, dolores doloribus fuga incidunt nulla praesentium quasi suscipit. Accusamus at beatae eos error esse inventore, ipsam maiores, nesciunt odio officia perspiciatis placeat quod ratione rem sed?</span><span>Deleniti ducimus ipsum iusto magni provident tempora ullam voluptatibus? Blanditiis corporis cupiditate, enim excepturi explicabo fugiat harum minima molestias nisi nostrum numquam omnis quos recusandae reprehenderit, rerum tenetur veritatis voluptatibus.</span>
            </p>
          </div>
          <div class="col-md-6 col-xs-12">
            <h3>CONTACT</h3>
            <ul>
              <li>
                <div class="li1">Birthday</div>
                <div class="li2">:</div>
                <div class="li3">10/10/1990</div>
                <div class="clearfix"></div>
              </li>
              <li>
                <div class="li1">Phone</div>
                <div class="li2">:</div>
                <div class="li3">001-8766488735</div>
                <div class="clearfix"></div>
              </li>
              <li>
                <div class="li1">Email</div>
                <div class="li2">:</div>
                <div class="li3"><a class="mail" href="mailto:mail@example.com">info@example.com</a></div>
                <div class="clearfix"></div>
              </li>
              <li>
                <div class="li1">Website</div>
                <div class="li2">:</div>
                <div class="li3"><a href="#">www.elliotadsen.com</a></div>
                <div class="clearfix"></div>
              </li>
              <li>
                <div class="li1">Address</div>
                <div class="li2">:</div>
                <div class="li3">Parma Via Modena, 40019, Sant'Agata Bolognese, BO, Italy</div>
                <div class="clearfix"></div>
              </li>
            </ul>
          </div>
          <div class="clearfix"></div>
      </div>
    </li>
    <li class="section section-3">
      <div class="container">
        <h1>SKILLS</h1>
      </div>
    </li>
    <li class="section section-4">
      <div class="container">
        <h1>WORKS</h1>
      </div>
    </li>
    <li class="section section-5">
      <div class="container">
        <h1>ACHIEVEMENTS</h1>
      </div>
    </li>
  </ul>
</div>


<script src="assets/plug-in/jQuery/jquery-2.2.4.js"></script>
<script src="assets/plug-in/bootstrap/bootstrap.min.js"></script>
<script src="assets/plug-in/jquerySectionWrap/js/jquerySectionWrap.js"></script>
<script src="assets/index/js/index.js"></script>

</body>

</html>